<%--
  Created by IntelliJ IDEA.
  User: 李威
  Date: 2021/10/5
  Time: 13:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <title>订单提交信息</title>
    <link href="${pageContext.request.contextPath}/css/order/third_step_getter_information.css" rel="stylesheet">
    <script src = "${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
    <link href="http://r1nxp2i0y.hn-bkt.clouddn.com/images/ico.png" rel="icon" type="image/x-ico"/>

</head>
<body>

<%--${order}--%>
<div class="w1180">
    <jsp:include page="../message.jsp"/>
    <!-------------------------------头部导航------------------------------->
    <div class="header">
        <a href="${pageContext.request.contextPath}">
            <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/logo.png">
        </a>
        <div class="content">
            <a>400-888-6608</a>
        </div>
        <div class="help_center">
            <a href="">帮助中心</a>
            <span>|</span>
        </div>
        <div class="help_center">
            <a href="">我的小橘</a>
            <span>|</span>
        </div>
        <div class="user">
            <span>${loginCustomer.custName}</span>
            <a href="">[退出]</a>
            <span class="user-span">|</span>
        </div>
    </div>
    <!--    ---------------------------订单详情---------------------------->

    <div class="payment-wrap">
        <div class="payment-tips">
            <!--            订单有效时间-->
            <span id = jump>300</span>
            <span>秒，逾期订单将提交失败</span>
        </div>
        <div class="payment-info-box">
            <!--            提示信息-->
            <div class="payment-info">
                <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/tick.png">
                <div class="pay-success">
                    订单提交成功！
                </div>
                <div class="pay-help">
                    取车时请务必携带
                    <span>本人信用卡、本人二代有效身份证、本人有效地方驾驶证正副本及回执编号</span>
                </div>
            </div>
            <!--            订单信息，包括订单号，支付方式，订单金额-->
            <div id="divOrderInfo" data-pricetype="1" data-cid="True" class="payment-detail">
                <span class="pay-order">订单号:${order.myOrderNumber}</span>
                <span class="pay-type">支付方式:在线支付</span>
                <div class="pay-price">
                    订单总价:<em>￥${order.myOrderPrice}</em>
                    <p><span>*已支付：￥0.00</span><span>未支付：<em>￥${order.myOrderPrice}</em></span></p>
                </div>
            </div>
            <!--            订单操作-->
            <div class="payment-remark">
                <div class="payment-link">
                    <a class="pay-continue" href="javascript:payContinue()">继续支付</a>
                    <a href="javascript:toIndex()">返回首页</a>
                    <a href="javascript:toOrderDetail()">查看订单</a>
                </div>
            </div>

        </div>
        <!--          二维码-->
        <div class="step3-banner">
            <div class="barcode">
                <div class="barcode-info">
                    <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/erweima1.png">
                    <div class="border-right-empty">
                        <span></span>
                    </div>
                </div>
                <p>扫描二维码，添加客服微信<br>
                    第一时间查询你的订单
                </p>
            </div>
            <!--            温馨提示-->
            <div class="step3-banner-helper">
                <p>温馨提示</p>
                <span>1.可能因地区政策及车牌原因影响交通限行，请及时查看全国各地区限行说明。</span>
                <span>2.您在小橘租车所涉及的正常消费，均可向小橘工作人员索要消费凭证。</span>
            </div>
        </div>
    </div>
    <!--底部页面-->
    <div class="footer">
        <div class="footer-box clear_float">
            <div class="footer-left">
                <p><a href="" >关于小橘</a>
                    |<a href="" >移动客户端</a>
                    |<a href="" >帮助中心</a>
                    |<a href="" >建议专区</a>
                    |<a href="" >联系我们</a>
                    |<a href="" >友情链接</a>
                    | &nbsp;投诉通道：400-821-1608 &nbsp;
                </p>
                <p>
                    Copyright © 2007 - 2021 苏州小橘信息技术服务有限公司
                    <a href="" >ICP证：沪B2-20140130</a>
                </p>
            </div>
            <div class="footer-right">
                <a href="">
                    <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_first.png" alt="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_first.png">
                </a>
                <a href="">
                    <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_second.png" alt="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_second.png">
                </a>
                <a href="">
                    <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_third.png" alt="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_third.png">
                </a>
                <a href="">
                    <img src="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_forth.png" alt="http://r1nxp2i0y.hn-bkt.clouddn.com/images/footer_right_forth.png">
                </a>
            </div>
        </div>
    </div>
</div>



<script>
    var myOrderId = "${order.myOrderId}";
    var custId = "${order.custId}";
    var carId = "${order.carId}";
    var storeBorrowId = "${order.storeBorrowId}";
    var couponId = "${order.couponId}";
    var myOrderNumber = "${order.myOrderNumber}";
    var storeReturnId = "${order.storeReturnId}";

    var getCarTime = "${order.getCarTime}";

    var returnCarTime = "${order.returnCarTime}";

    var getterName = "${order.getterName}";
    var getterIdCard = "${order.getterIdCard}";
    var getterDriverLicenseStartTime = "${order.getterDriverLicenseStartTime}";
    var getterDriverLicenseEndTime = "${order.getterDriverLicenseEndTime}";

    var getterDriverLicenseType = "${order.getterDriverLicenseType}";
    var myOrderTime = "${order.myOrderTime}";

    var myOrderLeaseDays = "${order.myOrderLeaseDays}";
    var carNumber = "${order.carNumber}";
    var myOrderPrice = "${order.myOrderPrice}";
    var status = "${order.status}";
    var other1 = "${order.other1}";
    var other2 = "${order.other2}";

    function countDown(secs){
        //倒计时秒数
        jump.innerText = secs;
        if(secs > 0){
            secs--;
            setTimeout("countDown(" + secs + " )",1000);
            console.log(secs);
        }else {  //倒计时结束跳转到主页面
            window.location.href = "${pageContext.request.contextPath}"
        }
    }
    countDown(300);

    function payContinue(){
        window.location.href = '${pageContext.request.contextPath}/myOrder_forth/' + ${order.myOrderId};
    }

    function toIndex(){
        window.location.href = '${pageContext.request.contextPath}';
    }

    function toOrderDetail(){
        window.location.href = '${pageContext.request.contextPath}/order_detail/' + ${order.myOrderId};
    }
</script>
</body>
</html>
